/* CSS Document */

body {
    margin:0 28px 0 28px;
    min-width: 950px;
    height:auto;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
}

#wrapper {

}
#content{
    min-height: 350px;
    margin:0 0 -65px 0;
    position: relative;
    text-align: left;
}
#content_top_left{
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/content_top_left.png) no-repeat;
}
#content_top_right{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/content_top_right.png) no-repeat;
}
#content_top_m{
    margin: 0 16px 0 16px;
    height: 16px;
    background: url(../images/content_top_m.png) repeat-x;
}
#content_bottom_left{
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/content_bottom_left.png) no-repeat;
}
#content_bottom_right{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/content_bottom_right.png) no-repeat;
}
#content_bottom_m{

    margin: 0 16px -50px 16px;
    height: 16px;
    background: url(../images/content_bottom_m.png) repeat-x;
}
#main_content{
    position: relative;
    height: auto;
    overflow: hidden;
    margin: 0 4px 0 4px;
    border: solid 1px #BF202F;
    border-top: none;
    border-bottom: none;
    padding: 0 11px
}
.header {

}
#footer{
    background:url(../images/footer_bg.png) repeat-x;
    height: 181px;
    text-align:center;
    margin: 0 -10px;
}

#copy_right{
    color:#FFFFFF;
    float:left;
    padding:85px 0 0 25px;
    text-align:left;
    font-size: 9px;
}
#image_fotter {
    float: right;
    padding:47px 0 0 0;
}

.clear {
    clear:both;
    margin:0px;
    padding:0px;
}
.heading{
    color:#4F815C;
}

/* Menu Style Start Here */
#mainmenu{
    padding: 0px;
    margin: 0px;
}

#menu_left{
    float: left;
    width: 10px;
    height: 41px;
    background:url("../images/menu_left.gif") no-repeat bottom;
    /*    background:url("../images/menu_left.gif") no-repeat;
        width:11px;
        height:46px;*/
}
#menu_right{
    float: right;
    width: 10px;
    height: 41px;
    background:url("../images/menu_right.gif") no-repeat bottom;

}
#menu {
    text-align: left;
    margin:0px 10px 0 10px;
    height: 39px;
    background:url("../images/menu_m.gif") repeat-x bottom;
    padding-top: 2px;

    /*    width: 100%;

        padding: 0;
        height: 42px;
    */
}
#menu ul{padding: 0px;}
#menu ul li  {
    display:inline;
    margin: 0 0 0 -4px;
}

#menu ul li a  {
    text-decoration: none;
    color: #fff;
    background:url("../images/menu_bg.png") repeat-y right bottom;
    padding:12px 20px 8px 22px;
}
#menu ul li a:hover  {
    background:url("../images/menu_hover_bg.png") repeat-y right bottom;
    padding:11px 20px 11px 22px;
}
#menu ul li.active a {
    background:url("../images/menu_hover_bg.png") repeat-y right bottom;
    padding:11px 20px 11px 22px;
}
#menu #item_menu_main a:hover{
    background:url("../images/main_menu.gif") repeat-y left bottom;
    margin: 0 0px 0 -6px;
    padding:12px 20px 10px 28px;
}
#label {
    height: 48px;
}
#label h1{
    text-align: center;
    color: #BF202F;
    font-size: 25px;
    margin: 0;
    padding: 0;
}
#top{
    padding:15px 0 5px 0;
}

#logo1{
    text-align:left;
}
#logo2{
    text-align:right;    
}
#logo2 img{height: 84px; margin-top: -97px;}
#logout{
    width: 95%;
    margin: auto;
    text-align: right;


}
#logout a{
    text-decoration: none;

}
#logout a:hover{
    color:brown;

}

.Tcontrol:hover{
    -moz-transition-duration:0.5s;
    box-shadow:5px 3px 5px #ccc;
    border-bottom-left-radius:0% 30px;
    border-bottom-right-radius:0% 30px;
}
.Tcontrol{
    padding: 11px 0px 11px 0px;
}
/*style for table */
.task1 .manager #myTable {
    margin: 0 auto;
    width: 100%;
}
.task1 #mytable {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}
.task1 .mytable tr {
    border-bottom: 1px solid #CCCCCC;
}
.task1 .mytable th {
    border-right: 1px solid #999999;
    padding: 1px;
}
.task1 .mytable th {
    background-color: #4F815C;
    font-size: 11px;
    text-align: center;
    height: 20px;
}
tr.row1 {
    background-color: #F0F0EE;
}
.task1 .mytable tr:last-child {
    border-bottom: medium none;
}
.task1 .mytable tr:hover {
    background-color: #E8F6FE;
}
.task1 .mytable td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: 12px !important;
    padding: 0 2px;
}

/*======================== Style for calendar edition=================*/
.dayOfWeek{display:inline; padding:2px; width:25px;}
.dateBox{cursor:pointer; background-color:#E6E6E6; padding:2px}
.dayOfWeekBox {color:#000000;}

div#picker {width:189px; position:absolute; visibility:hidden; background-color:#CCCCFF; border:solid #000000 1px;margin-top: -200px;margin-left: -32px;}
div#picker_year{background-color:#E6E6E6; padding:2px; border-bottom:solid #000000 1px; font-weight:bold; text-decoration:none;}
div#picker_year a{text-decoration:none;}
div#picker_month{padding:2px; border-bottom:solid #000000 1px;}
/*=========================Style Menu drop down===========================*/
#super-menu{ position: relative; }
#super-menu li{display: inline; list-style-type: none;}
#super-menu li ul{position: absolute; width: auto; display: none;}
#super-menu li:hover ul{display: block;}
#super-menu li:hover ul li a{padding: 10px 63px 10px 63px ;}
#super-menu li ul li{display:block; padding: 21px 3px 0px 0px;margin: 0px; z-index: 5; }
#super-menu li ul li a{padding: 10px 63px 10px 63px ;}
#menu-tool{margin: 2px 0px 0px 74px; }
#menu-people{margin: 2px 0px 0px 222px;}
#menu-stock{margin: 2px 0px 0px 506px;}
#menu-stock li ul li a{margin: 2px 0px 0px 393px;}

/*============================= sttle for message successful in the manager page ======================*/
   #system-message dd {
        font-weight: bold;
        margin: 0;
        text-indent: 30px;
        margin-top: 30px;
    }
    #system-message dd.message ul {
        background-color: #C3D2E5;
        background-image: url("../images/user_images/myimage.png");
    }
    #system-message dd ul {
        background-position: 4px top;
        background-repeat: no-repeat;
        border-bottom: 3px solid #84A7DB;
        border-top: 3px solid #84A7DB;
        color: #0055BB;
        list-style: none outside none;
        margin-bottom: 10px;
        padding: 2px;
    }
    #system-message dd ul li {
        line-height: 2.5em;
    }
    #example_wrapper .mytable tr td{
        text-align: center;
    }